<body>
<script>
    const dataset = [
        [ 34,     78 ],
        [ 109,   280 ],
        [ 310,   120 ],
        [ 79,   411 ],
        [ 420,   220 ],
        [ 233,   145 ],
        [ 333,   96 ],
        [ 222,    333 ],
        [ 78,    320 ],
        [ 21,   123 ]
    ];

    const w = 500;
    const h = 500;
    const padding = 60;

    const xScale = d3.scaleLinear()
        .domain([0, d3.max(dataset, (d) => d[0])])
        .range([padding, w - padding]);

    const yScale = d3.scaleLinear()
        .domain([0, d3.max(dataset, (d) => d[1])])
        .range([h - padding, padding]);

    const svg = d3.select("body")
        .append("svg")
        .attr("width", w)
        .attr("height", h);

    svg.selectAll("circle")
        .data(dataset)
        .enter()
        .append("circle")
        // 在下面添加你的代码
        .attr("cx", (d,i)=>xScale(d[0]))
        .attr("cy", (d,i)=>yScale(d[1]))
        .attr("r",5)

    // 在上面添加你的代码

    svg.selectAll("text")
        .data(dataset)
        .enter()
        .append("text")
        .text((d) =>  (d[0] + ", "
            + d[1]))
        // 在下面添加你的代码
        .attr("x",(d,i)=> xScale(10 + d[0]))
        .attr("y",(d,i)=> yScale(d[1]))


    // 在上面添加你的代码
</script>
</body>